﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Products.aspx.cs" Inherits="WebZAH.WebForm2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">
    <title></title>

<style type="text/css" id="newStyle2">

    div

{
font: 80% Arial, Helvetica, sans-serif; 

padding-top: 0px;
padding-left: 0px;
        height: 35px;
        margin-left: 160px;
    }

.newStyle3

{
background-image: url('Storrage/website-background.jpg'); 

background-position: top;
background-repeat: repeat; 

background-attachment: inherit;
height: 900px; 

}
    </style> </head> 

<body class="newStyle3">




    <form id="form1" runat="server">
    <center>
 
    <asp:ImageButton ID="HomeButton" runat="server"
        onmouseover="this.src='Home2.png'"
        onmouseout="this.src='home1.png'"
        onmousedown="this.src='home3.png'"
        OnClick="HomeButton1_Click1"
        ImageUrl="home1.png" />
         
    <asp:ImageButton ID="ProductsButton" runat="server" 
        ImageUrl="Products1.png" 
        onclick="ProductsButton_Click"
        onmouseover="this.src='Products2.png'"
        onmouseout="this.src='Products1.png'"
        onmousedown="this.src='Products3.png'"
         />
         
    <asp:ImageButton ID="RegistrationButton" runat="server" 
        ImageUrl="Registration1.png" 
        onclick="RegistrationButton_Click"
        onmouseover="this.src='Registration2.png'"
        onmouseout="this.src='Registration1.png'"
        onmousedown="this.src='Registration3.png'" />
         
    <asp:ImageButton ID="AccountButton" runat="server" 
        ImageUrl="~/Account1.png" 
        onclick="AccountButton_Click"
        onmouseover="this.src='Account2.png'"
        onmouseout="this.src='Account1.png'"
        onmousedown="this.src='Account3.png'" />
         
    <asp:ImageButton ID="AboutButton" runat="server" 
        ImageUrl="About1.png" 
        onclick="AboutButton_Click"
        onmouseover="this.src='About2.png'"
        onmouseout="this.src='About1.png'"
        onmousedown="this.src='About3.png'" />
         
    <asp:ImageButton ID="CartButton" runat="server" 
        ImageUrl="~/Check Cart1.png" 
        onclick="CartButton_Click"
        onmouseover="this.src='Check Cart2.png'"
        onmouseout="this.src='Check Cart1.png'" 
        onmousedown="this.src='Check Cart3.png'" />
        </center>
        
    <br />
        
   <br: style="margin-left: 127px" /> <strong>Chose type of products</strong><br />
    
    <asp:DropDownList ID="DropDownList1" runat="server" 
        style="margin-left: 127px" 
        onselectedindexchanged="DropDownList1_SelectedIndexChanged" 
        AutoPostBack="True"  >
        <asp:ListItem Value="Please choose">Please choose...</asp:ListItem>
        <asp:ListItem Value="Milk Product">Dairy Products</asp:ListItem>
        <asp:ListItem Value="Mining and Quarrying">Building Materials</asp:ListItem>
        <asp:ListItem>Solutions</asp:ListItem>
    </asp:DropDownList>
    
    
    <br />
    <br />
    <asp:GridView ID="ProductList" runat="server" EnableModelValidation="True" 
        Visible="False" AllowSorting="True" onsorting="ProductList_Sorting">
        <AlternatingRowStyle BackColor="White" />
        <HeaderStyle BackColor="#999999" />
        <RowStyle BackColor="#E1E1E1" BorderColor="Black" />
    </asp:GridView>
    
    
    </form>
            
    
              


</body> 
</html>
